<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文档概要 - {$name} · 看云</title>
    <meta name="description" content="看云专注于文档的在线创作、协作、分享和托管服务，致力于提供最佳的在线创作和阅读体验，让企业和个人可以更方便地发布和管理自己的文档。" />
    <meta name="keywords" content="文档托管,在线创作,文档在线管理,在线知识管理,文档托管平台,在线写书,文档在线转换,在线编辑,在线阅读,开发手册,api手册,文档在线学习,技术文档在线阅读,在线文档编辑" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="/Public/book/css/app.css" />
</head>

<body class="pushable">
    <div class="ui vertical sidebar menu right" data-attach='[data-selector="sidebar toc"]'>
        <form action="/search">
            <div class="item">
                <div class="ui icon input">
                    <input name="q" type="text" placeholder="搜索看云..." />
                    <i class="search icon"></i>
                </div>
            </div>
        </form>
        <a class="item" href="/explore">广场</a>
        <a class="item" href="/app">客户端</a>
        <a class="item" href="https://help.kancloud.cn">帮助</a>
        <a class="item" href="/@{$namespace}">
                        个人主页
                    </a>
        <a class="item" href="/@{$namespace}?tab=attention">
                    我的关注
                </a>
        <a class="item" href="/@{$namespace}?tab=purchase">
                    已购文档
                </a>
        <a class="item" href="/setting">
                    账号设置
                </a>
        <a class="item" href="/auth/logout">
                    退出看云
                </a>
    </div>
    <div class="pusher">
        <div class="ui green secondary vertical pointing fixed menu w-sidebar">
            <a href="/{$namespace}/{$name}" class="item header text truncate">
        <img class="ui image bordered avatar" src="https://cover.kancloud.cn/{$namespace}/{$name}!middle"/>
        {$name}
    </a>
            <a class="item active" href="/book/{$namespace}/{$name}/dashboard">文档概要</a>
            <a class="item " href="/book/{$namespace}/{$name}/release">发布管理</a>
            <a class="item " href="/book/{$namespace}/{$name}/member">文档成员</a>
            <a class="item " href="/book/{$namespace}/{$name}/traffic">文档统计</a>
            <a class="item " href="/book/{$namespace}/{$name}/price">文档定价</a>
            <a class="item " href="/book/{$namespace}/{$name}/domain">绑定域名</a>
            <a class="item " href="/book/{$namespace}/{$name}/hook">文档钩子</a>
            <a class="item " href="/book/{$namespace}/{$name}/setting">文档设置</a>
        </div>
        <div class="w-page ">
            <div class="page-head">
                <div class="ui menu small secondary fixed">
                    <a class="logo item" href="/"></a>
                    <a class="item" href="/explore">广场</a>
                    <a class="item" href="/app">客户端</a>
                    <a class="item" href="https://help.kancloud.cn">帮助</a>
                    <div class="right menu ">
                        <a class="toc item" data-selector="sidebar toc">
            <i class="ellipsis vertical icon"></i>
        </a>
                        <form action="/search">
                            <div class="item">
                                <div class="ui icon input">
                                    <input name="q" type="text" placeholder="搜索看云..." />
                                    <i class="search icon"></i>
                                </div>
                            </div>
                        </form>
                        <a class="item icon" href="/dashboard">
                    <i class="book icon"></i>
                </a>
                        <a class="item icon" href="/notification">
                <i class="alarm icon"></i>
                            </a>
                        <div class="ui dropdown item pointing top right icon">
                            <i class="add icon"></i>
                            <i class="dropdown icon"></i>
                            <div class="menu">
                                <a class="item" href="/new">
                            创建文档
                        </a>
                                <a class="item" href="/team/new">
                            创建团队
                        </a>
                                <a class="item" href="/enterprise/new">
                            创建企业
                        </a>
                            </div>
                        </div>
                        <div class="ui dropdown item pointing top right">
                            <img class="ui avatar bordered image" src="https://avatar.kancloud.cn/27/57582ac7c615d056001e45fae44aab!middle" />
                            <i class="dropdown icon"></i>
                            <div class="menu" data-display="block">
                                <div class="header">当前用户： ˋ:水木常</div>
                                <div class="ui divider"></div>
                                <a class="item" href="/@{$namespace}">
                            个人主页
                        </a>
                                <a class="item" href="/@{$namespace}?tab=attention">
                        我的关注
                    </a>
                                <a class="item" href="/@{$namespace}?tab=purchase">
                        已购文档
                    </a>
                                <a class="item" href="/setting">
                        账号设置
                    </a>
                                <div class="ui divider"></div>
                                <a class="item" href="/auth/logout">
                                                    退出看云
                                            </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-body">
                <div class="ui nags">
                </div>
                <div class="w-breadcrumb">
                    <div class="ui container">
                        <a class="toc">
                                <i class="align justify icon"></i>
                            </a>
                        <div class="ui huge breadcrumb">
                            文档概要
                        </div>
                        <div class="ui buttons small">
                            <div class="ui button"><i class="download icon"></i>下载</div>
                            <div class="ui dropdown icon button">
                                <i class="dropdown icon"></i>
                                <div class="menu fluid">
                                    <a class="item" data-action="download book" data-namespace="{$namespace}" data-name="{$name}" data-type="pdf">
                        PDF
                    </a>
                                    <a class="item" data-action="download book" data-namespace="{$namespace}" data-name="{$name}" data-type="epub">
                        EPUB
                    </a>
                                    <a class="item" data-action="download book" data-namespace="{$namespace}" data-name="{$name}" data-type="mobi">
                        MOBI
                    </a>
                                    <a class="item" data-action="download book" data-namespace="{$namespace}" data-name="{$name}" data-type="doc">
                        Word
                    </a>
                                    <a class="item" data-action="download book" data-namespace="{$namespace}" data-name="{$name}" data-type="html">
                        HTML
                    </a>
                                </div>
                            </div>
                        </div>
                        <a href="/book/{$namespace}/{$name}/edit" target="_blank" class="ui button small">
                <i class="pencil alternate icon"></i>编辑
            </a>
                        <a class="ui button green small" href="/{$namespace}/{$name}/content" target="_blank">阅读</a>
                    </div>
                </div>
                <div class="ui container">
                    <div class="ui message info">
                        文档写作完成需要<strong>发布</strong>后方可阅读，现在就<a href="/book/{$namespace}/{$name}/release">去发布</a>
                    </div>
                    <div class="ui segments">
                        <div class="ui segment grid internally celled">
                            <div class="eleven wide column">
                                <div class="article-body">
                                </div>
                            </div>
                            <div class="five wide column">
                                <div class="ui one mini statistics">
                                    <div class="ui statistic">
                                        <div class="value">
                                            1 MB / 50 MB
                                        </div>
                                        <div class="label">
                                            空间大小 (<a data-selector="size" href="javascript:;">扩容</a>)
                                        </div>
                                    </div>
                                </div>
                                <div class="ui divider"></div>
                                <div class="ui two mini statistics">
                                    <div class="ui statistic">
                                        <div class="value">
                                            0
                                        </div>
                                        <div class="label">
                                            评论
                                        </div>
                                    </div>
                                    <div class="ui statistic">
                                        <div class="value">
                                            0
                                        </div>
                                        <div class="label">
                                            关注
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-selector="size modal" class="ui tiny modal">
                        <div class="header">欢迎购买文档空间</div>
                        <div class="content">
                            <form data-action="save book size" data-namespace="{$namespace}" data-name="{$name}" method="post" class="ui form">
                                <div class="ui message error"></div>
                                <div class="field">
                                    <div class="ui right labeled input">
                                        <input name="size" type="number" value="50" readonly/>
                                        <div class="ui basic label">M</div>
                                    </div>
                                    <div class="help-block">10元/50M，永久有效</div>
                                </div>
                                <div class="field">
                                    <div class="ui icon buttons">
                                        <div class="decrement ui button icon"><i class="minus icon"></i></div>
                                        <div class="increment ui button icon"><i class="plus icon"></i></div>
                                    </div>
                                </div>
                                <div class="field center aligned">
                                    <button type="submit" class="ui primary button">去付款</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-foot">
                <div class="ui container">
                    <div class="w-copyright">
                        <div class="left">
                            <p>© 2015-2019 上海顶想信息科技有限公司</p>
                            <div class="ui list horizontal">
                                <a class="item" href="/about">关于我们</a>
                                <a class="item" href="/feedback">反馈建议</a>
                                <a class="item" href="/partner">合作伙伴</a>
                                <a class="item" href="/price">产品价格</a>
                                <a class="item" href="/blog">官方博客</a>
                            </div>
                        </div>
                        <div class="right">
                            <a class="logo" href="/"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/Public/book/js/jquery.min.js"></script>
    <script src="/Public/book/js/semantic.min.js"></script>
    <script type="text/javascript" src="/Public/book/js/app.js"></script>
    <script type="text/javascript">
    kancloud.use('book/dashboard');
    </script>
</body>

</html>